<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>表单练习</title>
</head>
<body>
<!--form表示整个表单 action="#"表示手机的数据提交到本页
    注意:每个input控件必须有name属性,否则无法提交-->
<!--input的type值:
    text普通文本输入框 password密码输入框 radio单选 checkbox多选
    submit提交按钮-->
<form action="#">
    <!--value属性用来保存输入框的值,也可以用来给输入框设置默认值-->
    姓名:<input type="text" name="uname" value="kk"><br>
    <!--单值属性:readonly只读(只能看不能改) disabled禁用(值还不能提交)-->
    昵称1:<input type="text" name="nickname1" value="rose1" readonly><br>
    昵称2:<input type="text" name="nickname2" value="rose2" disabled><br>
    <!--maxlength限制输入框输入的最大长度 placeholder输入框提示文字-->
    密码:<input type="password" name="upwd" maxlength="6" placeholder="请输入密码"><br>
    性别:
    <input type="radio" name="gender" value="1">男
    <input type="radio" name="gender" value="0">女
    <br>
    爱好:
    <input type="checkbox" name="like" value="cy">抽烟
    <input type="checkbox" name="like" value="hj" checked>喝酒
    <!--checked属性:默认选中-->
    <input type="checkbox" name="like" value="tt" checked>烫头
    <input type="checkbox" name="like" value="java">学Java
    <br>
    生日:<input type="date" name="birthday"><br>
    幸运色:<input type="color" name="color"><br>
    缩放:<input type="range" name="range" min="0" max="100"><br>
    文件:<input type="file" name="file"><br>
    喜欢的城市:
    <select name="city">
        <option value="beijing">北京</option>
        <option value="chongqing">重庆</option>
        <option value="shenzhen" selected>深圳</option>
        <option value="taiyuan">太原</option>
    </select>
    <br>
    <label for="ok2">关联文字</label>
    <br>
    <input type="test" id="ok2">
    <br>
    <!--多行文本域-->
    留言板:
    <textarea name="content" cols="30" rows="3" style="resize: none;">请留下你的发言吧</textarea>
    <br>
    <input type="submit" value="点我注册">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>按钮</button>
</form>
</body>
</html>